<!-- 描述：本文件是一个门户登陆页面，可以将用户登录信息交给服务器进行判断 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}" type="text/css"/>
    <title>成绩评估系统</title> <!-- 网页标题 -->
</head>
<body>
    <div class="signinform">
        <!-- 校徽 -->
        <div style="width: 600px;">
            <img src="{{ url_for('static', filename='assets/images/logo.png') }}" alt="校徽图片">
        </div>
        
        <!-- 登录 -->
        <div class="container">
            <div class="w3l-form-info">
                <div class="w3_info">
                    <h1>TeachEvalPro</h1>

                    <!-- 选择身份 -->
                    <div class="SelectLine" style="margin-top:20px">
                        <h2>成绩评估系统</h2>
                        <select class="form-select form-select-sm" style="display: flex;width: 150px;height: 40px;margin-left: auto;" aria-label=".form-select-sm example">
                            <option selected>选择登录身份</option>
                            <option value="1">课程主任</option>
                            <option value="2">任课教师</option>
                        </select>
                    </div>

                    <!-- 登录信息 -->
                    <form id="login-form" action="#" method="post">
                        <!-- 用户名 -->
                        <div class="input-group">
                            <span><img style="width: 25px;" src="{{ url_for('static', filename='assets/images/user.svg') }}" alt="用户图片"></span>
                            <input type="text" name="username" placeholder="用户名  教工号" required>
                        </div>

                        <!-- 信息门户密码 -->
                        <div class="input-group">
                            <span><img src="{{ url_for('static', filename='assets/images/key.svg') }}" alt="密码图片"></span>
                            <input type="Password" name="password" placeholder="信息门户密码 非校园网密码" required>
                        </div>

                        <!-- 验证码 -->
                        <div class="input-validate">
                            <img src="https://s2.loli.net/2024/03/14/LF8wxzaugOCoqyU.png" alt="验证码图片">
                            <input class="form-control form-control-sm" type="text" name="verification_code" placeholder="请输入验证码" aria-label=".form-control-sm example" required>
                        </div>

                        <!-- 提交按钮 -->
                        <button class="btn btn-primary btn-block" id="submit-btn" type="submit">登录</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="{{ url_for('static', filename='js/login.js') }}"></script>   
</body>
</html>